<template>
   <div class="container1">
      <h2>大兄弟</h2>
      <button @click="send">发送</button>
   </div>
</template>

<script>
/**
 * 一、兄弟组件的通信的方式
 * 1、状态的提升
 * 2、事件总线
 * 3、发布订阅模式
 * 二、事件总线的通信方式的实现步骤
 * 1、在src中创建bus.js文件
 *  //导入Vue
    import Vue from 'vue'
    //创建Vue实例
    const bus=new Vue()
    //将这个bus默认导出
    export default bus
   2、在发送方法发送信息
    import bus from '@/utils/bus'
    通过bus.$emit(事件名称,发送信息)
   3、接收信息
   import bus from '@/utils/bus'
   在created钩子函数中，通过bus.$on(自定义事件,value=>{})

 */
import bus from '@/utils/bus'
export default {
    methods:{
        send(){
           bus.$emit('mark',"床前明月光，疑是地上霜")
        }
    }
}
</script>

<style>
    .container1{
        flex-grow: 1;
        height: 100vh;
        background-color:tomato;
    }
</style>